/* 定义商品分类页样式 */

*{
	padding:0px;
	margin: 0px;
}
html,body {
	height: 100%;
	width: 100%;
	background-color: white;
}


.mui-bar-nav{
	height:80px;
	width:100%;
	background-color: white;
}

.mui-bar-tab{
	height:40px;
	width:100%;
}


#search{
	width:90%;
	position:fixed;
	top:30px;
	left:5%;
}

/* 一级分类和二级分类承载容器 */
#class-content{
	width: 100%;
	position: absolute;
	top:80px;
}
.content{
	
	display: flex;
	flex-direction: row-reverse;
	overflow: auto;
	width: 100%;
}

/* 一级分类和二级分类内容承载容器 */
.first-title{
	width:25%;
	height: 100%;
	background-color:#f6f6fa;
	position: fixed;
	top: 80px;
}

.second-title{
	height: 100%;
	width:75%;overflow: auto;
    background-color: white;
	margin-bottom: 50px;
}


/* 一级分类 */
.menu>a{
	height:60px;
	width:100%;
	background-color: #f6f6fa;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:15px;
	color:#000000;
}

.menu>a:hover{
	border-left: red solid 4px;
	color:red;
	background-color: white;
}

/* 二级分类 */
.second{
	width:100%;
	border-bottom: 0 solid #e4e4e4;
}

.second>p{
	font-size:16px;
	color:#d32111;
	margin-left: 3px;
	margin-top: 3px;
}

#content{
	width:100%;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background-color: white;
	height: 100%;
}

.second-content{
	width:70px;
	margin: 5px;
	
}

.second-content>img{
	height:70px;
	width:70px;
	
}

.second-content>p{
	color:#000000;
	text-align: center;
}
